<template>
    <div class="tab0">
        <a-space-compact wrap size="20">
            <template #split>
                <a-divider type="vertical"></a-divider>
            </template>
            <a-button type="primary" @click="add">Primary Button</a-button>
            <a-button>
                Default
            </a-button>
            <a-button danger loading type="dashed">Dashed Button</a-button>
            <a-button type="text">
                <template #icon>
                    <DownloadOutlined />
                </template>
            </a-button>
            <a-button type="link">Link Button</a-button>

        </a-space-compact>
    </div>
</template>

<script setup lang="ts">
import { message } from 'ant-design-vue'
const add = () => {
    message.success('a')
}
</script>

<style lang="scss" scoped>
.tab0 {
    height: 100%;

}
</style>